<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
	</head>
	<body>
        9.****v-for 循环
        数值: 一项 ：item  两项：(item,index)
        数组: 一项 ：item  两项：(item,index)  
        对象: 一项 ：value  两项：(value,key)  三项：(value,key,index)  

        本身就有一个问题：就地复用，解决：添加一个唯一的key属性
        组件使用 v-for必须使用key
		<div id="app">
            <h1 v-for="(item,index) in 5">{{item}}--{{index}}</h1>
            <h1 v-for="(item,index) in arr">{{item}}--{{index}}</h1>
            <h1 v-for="(value,key,index) in obj">{{value}}--{{key}}--{{index}}</h1>
		</div>
		<script>
            var vm=new Vue({
				el:"#app",
                data:{
                    arr:["apple","orange","mango"],
                    obj:{
                        name:"lili",
                        age:18
                    }
                }
			})
		</script>
	</body>
</html>
